@tailwind base;
@tailwind components;
@tailwind utilities;

/* :root { } */
body {
  transition: background-color 0.5s;
}
::-webkit-scrollbar {
  width: 0.2rem;
  height: 0.6rem;
}
::-webkit-scrollbar:hover {
  width: 0.6rem;
  height: 0.6rem;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0.5rem rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb {
  background-color: oklch(var(--p));
  outline: 1px solid oklch(var(--p));
}
::-webkit-scrollbar-thumb:hover {
  background-color: oklab(var(--s));
  outline: 2px solid oklab(var(--s));
}
